<style type="text/css">
	<!--
	.style1 {
	color: #FF0000;
	font-size: x-small;
	}
	.style3 {color: #0000FF; font-size: x-small; }
	-->
</style>
<script type="text/javascript">
	function validaCampo()
	{
		if(document.cadastro.descricao.value=="")
		{
			alert("O campo 'Descrição' é obrigatório!");
			return false;
		}
		
		if(document.cadastro.preco.value=="")
		{
			alert("O campo 'Preço' é obrigatório!");
			return false;
		} else
			return true;
	}
</script>

<h2>Cadastro de Produtos</h2>

<form id="cadastro" name="cadastro" method="post" action="cadastro_produto.php" onsubmit="return validaCampo(); return false;">
	<table width="625" border="0">
		<tr>
			<td width="69">Descrição:</td>
			<td width="546">
			<input name="descricao" type="text" id="descricao" size="70" maxlength="60" />
			<span class="style1">*</span></td>
		</tr>
		<tr>
			<td width="69">Preço:</td>
			<td width="546">
			<input name="preco" type="text" id="preco" size="70" maxlength="6" />
			<span class="style1">*</span></td>
		</tr>
		<tr>
			<td colspan="2">
			<p>
				<input name="cadastrar" type="submit" id="cadastrar" value="Cadastrar Produto" />
				<input name="limpar" type="reset" id="limpar" value="Limpar Campos" />
				<span class="style1">* Todos os campos com * são obrigatórios! </span>
			</p><p></p></td>
		</tr>
	</table>
</form>